<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1"/>
    <title>健康报告</title>
    <link rel="stylesheet" href="../layui/css/layui.css">
    <link rel="stylesheet" href="css/index.css">
</head>
<body style="background-color: rgb(255,255,255)" >
<div class="layui-row pinch-zoom">
    <div class="layui-col-sm6 layui-col-sm-offset3 layui-col-xs12 top">
        <img src="image/laichacha.png" class="image-laichacha">
        <img src="image/bg-2.png" class="bg-2">
        <img src="image/zhineng.png" class="zhineng">
        <div class="layui-col-xs12">
            <div class="date-top" id="time"></div>
            <div class="layui-col-xs8 layui-col-xs-offset2">
                <div class="image-3">
                    <div class="font-top fenshu" id="avg"></div>
                    <div class="font-top tips">平均健康指数</div>
                </div>
            </div>
        </div>
    </div>



    <div class="layui-col-sm6 layui-col-sm-offset3 layui-col-xs12 main-2">
        <!--<h2 class="h2">健康指数评估</h2>-->
        <div class="layui-col-xs10 layui-col-xs-offset1 main-2-list">
            <div class="layui-row layui-col-space21 report">

                    <div class="layui-col-xs4 layui-col-sm12 layui-col-md4 pingfen-main-2">
                        <span class="fentext" id="mx"></span>分
                        <div class="fen-color">最高分</div>
                    </div>
                    <div class="layui-col-xs4 layui-col-sm12 layui-col-md4 pingfen-main-2">
                        <span class="fentext" id="min"></span>分
                        <h6 class="fen-color">最低分</h6>
                    </div>
                    <div class="layui-col-xs4 layui-col-sm12 layui-col-md4 pingfen-main-2">
                        <span class="fentext" id="tir"></span>次
                        <h6 class="fen-color">累计检测数</h6>
                    </div>
                </div>
        </div>
    </div>
    <div class="layui-col-sm6 layui-col-sm-offset3 layui-col-xs12 main-2">
        <h2 class="h2">趋势分析</h2>
        <canvas id="myChart" width="500" height="400" >

        </canvas>
    </div>

    <div>
        <img id="mg" style="width: 100%;height: 100%"/>
    </div>


    <div class="layui-col-sm6 layui-col-sm-offset3 layui-col-xs6 layui-col-xs-offset3 main-3">
        <!--<a href="javascript:void(0);" onclick="dianji();" class="layui-btn layui-btn-lg layui-btn-radius layui-btn-normal" id="sn">查看完整报告</a>-->
        <h2 class="gnt">长按二维码查看完整报告</h2>
        <img src="img/chacha.jpg" style="width: 100%;height: 100%" class="img-circle"/>
    </div>

</div>



<script src="../layui/layui.js"></script>
<script src="../src/static/echarts.js"></script>
<script src="../src/static/jquery.js"></script>
<script src="js/HealthReport.js"></script>
<script src="js/pinchzoom.js"></script>
<script type="text/javascript">
    $(function () {
        $('div.pinch-zoom').each(function () {
            new RTP.PinchZoom($(this), {});
        });
    })
</script>
</body>
</html>